/* blue #0093C4 */
/* ------ GENERAL -----------------------------------------------------------------------------------------------------------*/
body{ font-size:16px; font-family:sans-serif, Arial, Verdana; font-weight:normal; background-color:#FFF; }
.clear{ clear:both;}

a{ color:#0085B2; text-decoration:none;}
a:hover{color:#529A27;}

a.green{ color:#529A27;}
a.green:hover{color:#0085B2;}

a.readmore-blue{ background:url(../images/ic-arrow-blue-next.png) right no-repeat; color:#0085B2; padding-right:15px; font-weight:bold;}
a.readmore-blue:hover{ background:url(../images/ic-arrow-green-next.png) right no-repeat; color:#529A27;}

hr.blue{ border:#0093C4 1px solid; overflow:hidden; width:100%;}


/* ------ GENERAL STRUCTURE  -----------------------------------------------------------------------------------------------------------*/
#sipdev { background:url(../images/background.png) repeat-x; overflow:hidden; width:100%; padding:0; margin:0;}
#wrap { width:90%; margin:0 auto; padding:0;}
#container { margin-top:12%;}
#header { position:fixed; width:100%; overflow:hidden; background:url(../images/background.png) repeat-x; padding-bottom:20px; z-index:100;}


/* ------  HEADER  -----------------------------------------------------------------------------------------------------------*/
#header #wrap { margin-top:20px; border-bottom:5px solid #0093C4; }
#header .logo{ float:left; overflow:hidden;}
#header .menu{ float:right; overflow:hidden; background:#0093C4; margin-top:15px; }
#header .menu ul { list-style:none; overflow:hidden; text-align:center; vertical-align:bottom;  }
#header .menu ul li{ float:left; overflow:hidden; margin-right:20px; font-size:24px;}
#header .menu ul li:last-child{ margin-right:40px;}
#header .menu ul li a{ color:#FFF; font-weight:bold; padding-bottom:5px; display:block; padding-top:10px;}
#header .menu ul li a:hover{  border-bottom:4px #A0C7D6 solid; }
#header .menu ul li a.active{  border-bottom:4px #FFFFFF solid; }


/* ------  Sidebar  -----------------------------------------------------------------------------------------------------------*/
#sidebar{ width:30%; float:left; overflow:hidden; margin-right:20px;}
#sidebar .box{ overflow:hidden; margin-bottom:20px;}
#sidebar .box1{ overflow:hidden; margin-bottom:40px;}

#sidebar .t-search{ border:#0093C4 2px solid; padding:10px; background:none; font-size:16px; color:#666; width:290px; float:left;}
#sidebar .b-search{ background:url(../images/ic-search.png) no-repeat center #0093C4; border:none; width:50px; height:42px; cursor:pointer; }

#sidebar h1{ font-size:26px; color:#FFF; padding:20px; display:block; background-color:#0093C4;}
#sidebar h1 span{font-style:italic; letter-spacing:1px; }
#sidebar h1 span.iart{ background:url(../images/ic-article-side.png) no-repeat; padding:5px 0px 5px 50px; }
#sidebar h1 span.idown{ background:url(../images/ic-download.png) no-repeat; padding:5px 0px 5px 50px;}
#sidebar h1 span.iadv{ background:url(../images/ic-adv.png) no-repeat; padding:10px 0px 5px 75px;}


#sidebar .bx-1 h3{ font-size:16px; font-weight:bold; margin-bottom:5px;}
#sidebar .bx-1 img{ margin-right:10px;}
#sidebar .bx-1 p{ font-size:14px;}
#sidebar .bx-1 .link{ margin-top:5px;}
#sidebar .bx-1 .link .readmore-blue{ font-size:14px; }

#sidebar .list-side { margin-top:25px; overflow:hidden;}
#sidebar .list-side .image{ float:left; overflow:hidden; margin-right:10px;}
#sidebar .list-side .image img{ width:115px;}
#sidebar .list-side .desc{ font-weight:bold; overflow:hidden;}
#sidebar .list-side .desc h3{ color:#0093C4; margin-bottom:5px;}
#sidebar .list-side .desc .date{ font-size:13px; color:#999999; margin-bottom:10px;}
#sidebar .list-side .desc .link-download{ background:url(../images/ic-floppy.png) no-repeat 10px 10px #529A27;  overflow:hidden;  padding:15px 10px 15px 40px; display:inline-block; font-size:16px; color:#FFF; letter-spacing:1px; font-weight:normal; cursor:pointer; }
#sidebar .list-side .desc .link-download:hover{ background:url(../images/ic-floppy.png) no-repeat 10px 10px #0093C4;}
#sidebar .link-more{ margin-top:20px; text-align:center;}

/* ------  Content  -----------------------------------------------------------------------------------------------------------*/
#content { overflow:hidden; }
#content #box-content { margin-bottom:0px; overflow:hidden;}
#content #box-content-home { margin-bottom:40px; overflow:hidden;}

#box-content-home h1{ font-size:28px; color:#0093C4; font-style:italic; display:block;  overflow:hidden; letter-spacing:1px;}
#box-content h1 { font-size:28px; color:#0093C4; font-style:italic; display:block;  overflow:hidden; letter-spacing:1px;}
#box-content h2 { font-size:23px; margin-bottom:15px;}

/*== 
	Home Style ==*/
#box-content-home h1.t-event { background:url(../images/ic-highlight.png) no-repeat left 11px; border-top:2px solid #0093C4; padding:12px 0px 0px 40px;} 
#box-content-home .camera_caption h3 { overflow:hidden;margin-bottom:5px;}
#box-content-home .camera_caption h3 a { color:#96FF73; font-size:18px; }
#box-content-home .camera_caption h3 a:hover{ color:#0093C4;}
#box-content-home .camera_caption h3 span{ font-size:12px; margin-left:10px; color:#0093C4;}
#box-content-home .camera_caption p{ line-height:20px; font-size:14px;}
#box-content-home .camera_caption p a{ color:#FFF;}

#box-content h1.t-article { background:url(../images/ic-article.png) no-repeat left ; border-bottom:2px solid #0093C4; padding:12px 10px 10px 45px; } 

/*==
	Paging Style ==*/
.paging { overflow:hidden; margin-top:20px; margin-bottom:20px; text-align:right; }
.paging a{ display:inline-block; zoom:1; background:#C60; padding:8px 10px; color:#FFF;}
.paging a:hover{ background:#0093C4;}
.paging a.current{ background:#529A27;}

/*==
	List Style ==*/
#box-content h1.t-event-list { background:url(../images/ic-highlight.png) no-repeat left ; border-bottom:2px solid #0093C4; padding:12px 10px 10px 45px; } 

#box-content h1.t-download-list { background:url(../images/ic-download-blue.png) no-repeat left ; border-bottom:2px solid #0093C4; padding:12px 10px 10px 50px; } 

#box-content ul.list-vert{ overflow:hidden; margin:0; padding:0; list-style:none; margin-bottom:25px;}
#box-content ul.list-vert li{ margin-top:30px;}
#box-content ul.list-vert li img {float:left; margin-right:10px;}
#box-content ul.list-vert li .desc{ overflow:hidden; line-height:20px;}
#box-content ul.list-vert li .desc .desc-posted{ font-size:13px; color:#79796A;}
#box-content ul.list-vert li .desc .desc-posted span{ color:#0093C4;}

#box-content ul.list-vert li img.no-float {float:none; margin-bottom:10px; width:100%;  margin:0; padding:0; }

#box-content ul.event h2{ margin:10px 0px;}
#box-content ul.event p.date{ color:#79796A; font-size:14px;}
	
#box-content ul.list-horz{ overflow:hidden; margin:0; padding:0; list-style:none; margin-top:30px;}
#box-content ul.list-horz li{ display:inline-block; zoom:1; margin-bottom:40px; overflow:hidden; width:47%; margin-right:20px; vertical-align:top;}
#box-content ul.list-horz li .image{ float:left; overflow:hidden; margin-right:10px; vertical-align:top;}
#box-content ul.list-horz li .image img{ width:150px; }
#box-content ul.list-horz li .desc{overflow:hidden;}
#box-content ul.list-horz li .desc h3{ color:#0093C4; margin-bottom:5px; font-size:20px;}
#box-content ul.list-horz li .desc .date{ font-size:14px; color:#999999; margin-bottom:10px;}
#box-content ul.list-horz li .desc .link-download{ background:url(../images/ic-floppy.png) no-repeat 10px 10px #529A27;  overflow:hidden;  padding:15px 10px 15px 40px; display:inline-block; font-size:16px; color:#FFF; letter-spacing:1px; font-weight:normal; cursor:pointer; margin-top:5px; }
#box-content ul.list-horz li  .desc .link-download:hover{ background:url(../images/ic-floppy.png) no-repeat 10px 10px #0093C4;}
#sidebar .link-more{ margin-top:20px; text-align:center;}


/*==
	Detail Style ==*/
#box-content .detail-box{ padding-top:20px; }
#box-content .detail-box h1.t-dt{ color:#529A27; line-height:35px; }
#box-content .detail-box .date { color:#666; margin-top:10px; font-size:14px; padding:5px 0px;}
#box-content .detail-box .desc-detail{ margin-top:10px;}
#box-content .detail-box .desc-detail img.img-left{ float:left; margin:10px 20px 5px 0px; width:40%;}
#box-content .detail-box .desc-detail .text{ line-height:30px; text-align:justify;}
#box-content .back-btn { text-align:right; overflow:hidden;}
#box-content .back-btn a{ background:url(../images/ic-prev.png) no-repeat left; padding:20px 0px 20px 35px; display:inline-block; zoom:1; font-size:26px; font-style:italic;}
#box-content .back-btn a:hover{ background:url(../images/ic-prev-green.png) no-repeat left;}

#box-content .detail-box .date-event{ margin:20px 0px 10px;color:#0093C4;letter-spacing:1px; } 
#box-content .detail-box .date-event span{ color:#529A27; font-weight:bold; }

/* ------  Footer  -----------------------------------------------------------------------------------------------------------*/
#footer{ overflow:hidden; width:100%;}
#footer #wrap { background:#0093C4; margin-top:0px; padding:15px 0px 5px 0px; }
#footer #wrap .social{ margin-left:25px; overflow:hidden; float:left;}
#footer #wrap .social a{ margin-right:5px;}
#footer #wrap .copyright{ float:right; overflow:hidden; margin-right:20px; color:#FFF; padding-top:20px; letter-spacing:1px;}
#footer #wrap .copyright a{ color:#BBB; text-decoration:underline;}